<!DOCTYPE html>
<html>

	<head>
		<meta charset='utf-8'>
		<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
		<title>列表</title>
		<link rel='stylesheet' href='../plugins/layui/css/layui.css' media='all'>
		<link rel='stylesheet' href='../plugins/font-awesome/css/font-awesome.min.css' media='all'>
		<link rel='stylesheet' href='../kitAdmin/css/app.css' media='all'>
		<link rel="stylesheet" type="text/css" href="../plugins/bootstrap/css/bootstrap.css" />
		<link rel='stylesheet' href='../plugins/bootstrap-table/bootstrap-table.css' />
		<style type="text/css">
			.kit-search-inputs {
				padding: 0px 5px!important;
			}
			
			.kit-search-btns {
				padding: 0px 5px!important;
			}
			
			.layui-collapse {
				/*border: 1px solid #F2989F !important;*/
				border: none !important;
			}
			
			.layui-colla-title {
				background-color: #F2989F;
				margin-top: 5px;
			}
			
			.layui-colla-content,
			.layui-colla-item {
				border-top-style: none !important;
			}
			
			.mylabel {
				width: 230px !important;
				padding: 5px !important;
			}
			
			.lcount {
				padding: 5px !important;
				/*width: 260px !important;*/
				width: auto;
				color: #000000;
			}
			
			.layui-form-label {
				font-size: 16px;
				text-align: left !important;
			}
			
			hr {
				margin-top: 0px;
				margin-bottom: 0px;
				border-top: 1px dotted #eeeeee;
			}
			
			.imh {}
		</style>
	</head>

	<body>

		<div style='margin: 0 0px;margin-top: 3px;padding-left: 20px;padding-right: 20px;'>
			<div class="kit-table">
				<form class="layui-form" lay-filter="kit-search-form" onsubmit="return false">
					<br />
					<!--<div class="kit-table-header">
					<div class="kit-search-btns">
						tongji
					</div>
					<div class="kit-search-inputs">
						tongji 2
					</div>
				</div>-->
					<div class="kit-table-header" style="height: 53px ;">
						<div class="kit-search-btns" style="width: 43%!important;">
							<div class="layui-collapse" lay-filter="test">
								<div class="layui-colla-item">
									<h1 class="layui-colla-title">Course information</h1>
									<div class="layui-colla-content">
										<label class="layui-form-label mylabel">学生名称</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:studentName}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">Zoom 账号</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:zoomId}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">Email：</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:email}'>--</i></label><br/>
										<hr/>
										<hr />

										<label class="layui-form-label mylabel">报课日期</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:purchaseDate}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">教程名称</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:nameZh}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">级    别</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:levelName}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">报课小时</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:hoursEnrolled}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">完成小时</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:hoursCompleted}'>--</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel">剩余小时</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i data-link='{:hoursRemaining}'>--</i></label><br/>
										<hr />
									</div>
								</div>
							</div>
						</div>
						<div class="kit-search-inputs" style="width: 43%!important;">
							<div class="layui-collapse" lay-filter="test">
								<div class="layui-colla-item">
									<h3 class="layui-colla-title">attendance</h3>
									<div class="layui-colla-content">

										<label class="layui-form-label mylabel"><span class="layui-badge-dot layui-bg-green"></span>&nbsp;无    课</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i id="state1">0</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel"><span class="layui-badge-dot layui-bg-green"></span>&nbsp;老师请假</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i id="state4">0</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel"><span class="layui-badge-dot layui-bg-blue"></span>&nbsp;学生请假</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i id="state2">0</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel"><span class="layui-badge-dot layui-bg-orange"></span>&nbsp;教师缺席</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i id="state5">0</i></label><br/>
										<hr />

										<label class="layui-form-label mylabel"><span class="layui-badge-dot layui-bg-orange"></span>&nbsp;学生缺席</label>
										<label class="layui-form-label lcount"><span >：&nbsp;</span><i id="state3">0</i></label><br/>
										<hr />
									</div>
								</div>
							</div>
						</div>
					</div>
				</form>
			</div>
			<div class="kit-search-btns">
				<a href="javascript:;" onclick="addCourse()" class="layui-btn layui-btn-sm layui-btn"><i class="layui-icon">&#xe642;</i>临时加课</a>
				<a href="javascript:;" onclick="doDelete()" class="layui-btn layui-btn-sm layui-btn-danger"><i class="layui-icon">&#xe640;</i> 删除</a>
				<a href="javascript:;" onclick="settimes()" class="layui-btn layui-btn-sm layui-btn"><i class="layui-icon">&#xe642;</i>修改课表</a>
			</div>
			<br />
			<table id='_table'></table>
		</div>
		<script src='../common/js/jquery.js'></script>
		<script src="../plugins/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src='../plugins/bootstrap-table/bootstrap-table.js' type='text/javascript'></script>
		<script src='../plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js' type='text/javascript' charset='utf-8'></script>
		<script src="../static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="../static/js/CurriculumScheduleView.js" type="text/javascript" charset="utf-8"></script>
		<script src="../plugins/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../plugins/jsviews/jsviews.js" type="text/javascript"></script>
		<script type="text/javascript">
			var addCourse = function() {
				parent.layer.open({
					maxmin: true,
					type: 2,
					area: modalArea,
					content: './views/form/CurriculumScheduleAdd.html?purchaseCourseId=' + purchaseCourseId,
					btn: ['保存', '取消'],
					yes: function(index, layero) {
						var data = $(layero).find("iframe")[0].contentWindow.callback_save();
						if(!data || data == {}) {
							return;
						}
						$.ajax({
							url:baseUrl+ '/curriculumSchedules/add',
							type: 'POST',
							data: data,
							success: function(data) {
								alert(data.msg);
								parent.layer.close(index);
								$('#_table').bootstrapTable('refresh');
							}
						});
					},
					btn2: function(index, layero) {}
				});

			}



			layui.use(['element', 'layer'], function() {
				var element = layui.element;
				var layer = layui.layer;
				//监听折叠
				element.on('collapse(test)', function(data) {
					//					layer.msg('展开状态：' + data.show);
					if(data.show) {
						$('.kit-table-header').height('420px');
						$('.layui-colla-content').addClass('layui-show');
					} else {
						$('.kit-table-header').height('53px');
						$('.layui-colla-content').removeClass('layui-show');
					}
				});
			});
		</script>
	</body>

</html>